import { ThemeProvider } from "@/utils/theme";
import { ThemeToggle } from "@/components";

// 集成路由
import { HashRouter as Router } from "react-router-dom";
import { useState } from "react";
import Layout from "@/layout";
import Zhihu from "@/zhihu";

// 根组件
const App = () => {
  const [theme, setTheme] = useState({ color: "", background: "" });
  return (
    <Router>
      <ThemeProvider theme={theme}>
        {/* <Layout /> */}
        <Zhihu />
      </ThemeProvider>
    </Router>
  );
};

export default App;

// 根组件
// export default function App() {
//   return (
//     <div>
//       {/* <StudyEvent /> */}
//       {/* <StudyProps /> */}
//       {/* <StudyHello/> */}
//       {/* <StudyJSX/> */}
//       {/* <StudyRender/> */}
//       {/* <StudyState/> */}
//       {/* <StudyForm/>*/}
//       {/* <CnodeJs/> */}
//       {/* <StudyLift /> */}
//       {/* <StudyCombine /> */}
//       <StudyHooks />
//     </div>
//   );
// }

// export default class APP extends React.PureComponent {
//   constructor(props) {
//     super(props);
//     this.state = {
//       theme: {
//         color: "",
//         background: "",
//       },
//     };
//   }

//   render() {
//     const { theme } = this.state;
//     return (
//       <ThemeProvider theme={theme}>
//         <ThemeToggle
//           theme={theme}
//           onTheme={(theme) => this.setState({ theme })}
//         />
//         <StudyContext />
//       </ThemeProvider>
//     );
//   }
// }
